import React, {PropsWithChildren} from 'react'
import {View} from "@tarojs/components";
import styles from "./PaymentFormItems.module.sass"
import DatePickerFormItem from "./DatePickerFormItem";
import {Form, Input} from "@nutui/nutui-react-taro";
import {OffsetDateTime} from "@js-joda/core";

export interface PaymentFormItemsProps extends PropsWithChildren {
    paymentDateTime?:OffsetDateTime
    onPaymentDateTimeChange:(value:OffsetDateTime)=>void
}

const PaymentFormItems: React.FC<PaymentFormItemsProps> = ({onPaymentDateTimeChange,paymentDateTime}) => {
    return <>
        <DatePickerFormItem label={"支付时间"}
                            onChange={value => onPaymentDateTimeChange(value)} dateTime={paymentDateTime}/>

        <Form.Item label={"支付金额"} name={"paymentFee"}>
            <Input type={"digit"}/>
        </Form.Item>

        <Form.Item label={"国补金额"} name={"governmentSubsidies"}>
            <Input type={"digit"}/>
        </Form.Item>

        <Form.Item label={"小票号码"} name={"invoiceNumber"}>
            <Input/>
        </Form.Item>

        <Form.Item label={"银联订单号"} name={"unionPayOrderNumber"}>
            <Input/>
        </Form.Item>
    </>
}

export default PaymentFormItems


